<template>
	<view class="manual">
		<view class="top">
			手册说明
		</view>
		<view class="list">
			<view class="list1" @click="explain1">
				<view class="aa">
					<image class="img1" src="../../static/img/shouce.png" mode=""></image>
					<text>码科接单员手册</text>
				</view>
				<image class="img2" src="../../static/right(1).png" mode=""></image>
			</view>
			<view class="list1" @click="explain2">
				<view class="aa" style="width: 50%;">
					<image class="img1" src="../../static/img/shouce1.png" mode=""></image>
					<text>订单取消后的退款时间？</text>
				</view>
				<image class="img2" src="../../static/right(1).png" mode=""></image>
			</view>
			<view class="list1" @click="explain3">
				<view class="aa" style="width: 58%;">
					<image class="img1" src="../../static/img/shouce2.png" mode=""></image>
					<text>什么是取件密码和收件密码？</text>
				</view>
				<image class="img2" src="../../static/right(1).png" mode=""></image>
			</view>
			<view class="list1" @click="explain4">
				<view class="aa" style="width: 66%;">
					<image class="img1" src="../../static/img/shouce3.png" mode=""></image>
					<text>可以配送多少重量、体积的物品？</text>
				</view>
				<image class="img2" src="../../static/right(1).png" mode=""></image>
			</view>
			<view class="list1" @click="explain5">
				<view class="aa" style="width: 43%;">
					<image class="img1" src="../../static/img/shouce4.png" mode=""></image>
					<text>都可以送什么物品？</text>
				</view>
				<image class="img2" src="../../static/right(1).png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"manual",
		data(){return{}},
		methods:{
			explain1(){
				uni.navigateTo({
					url: "/pages/index/explain1"
				})
			},
			explain2(){
				uni.navigateTo({
					url: "/pages/index/explain2"
				})
			},
			explain3(){
				uni.navigateTo({
					url: "/pages/index/explain3"
				})
			},
			explain4(){
				uni.navigateTo({
					url: "/pages/index/explain4"
				})
			},
			explain5(){
				uni.navigateTo({
					url: "/pages/index/explain5"
				})
			},
		}
	}
</script>

<style scoped>
	.top{
		width: 100%;
		padding: 28rpx;
		background-color: rgb(247,247,247);
	}
	.list1{
		display: flex;
		flex-direction: row;
		padding: 15px;
		align-items: center;
		justify-content: space-between;
	}
	.aa{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 35%;
	}
	.img1{
		width: 30rpx;
		height: 30rpx;
	}
	.img2{
		width: 30rpx;
		height: 30rpx;
	}
</style>
